<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <script type="text/javascript">
        function show_alert() {
            alert("I am a alert box ^_^");
        }
        function show_confirm() {
            var r=confirm("Press a button");
            if (r==true) {
                alert("You click OK");
            }
            else {
                alert("You cancel it");
            }
        }
        function show_prompt() {
            var name=prompt("Please enter your name","Harry Potter");
            if (name!=null && name!="") {
                //document.write("Hello " + name + "! How are you today");
                alert("Hello \n" + name);
            }
        }
    </script>
	<title></title>
</head>
<body>
    <input type="button" value="Show alert" onclick=show_alert() />
    <br />
    <input type="button" value="Click me" onclick=show_confirm() />
    <br />
    <input type="button" value="show box" onclick=show_prompt() />
</body>
</html>
